.cms-page-content {
  height: calc(100vh - 50px);
  .top-banner {
    height: 45vw;
    .banner {
      width: 100vw;
      height: 45vw;
      overflow: hidden;
      img {
        width: 100vw;
        height: 45vw;
      }
    }
  }
  .cms-content {
    height: calc(100% - 45vw);
    overflow: hidden;
    display: flex;
    .left-menu {
      width: 23vw;
      height: 100%;
      background: #f4f4f4;
      .menu-parent {
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: scroll;
      }
      .menu {
        font-size: 0.8rem;
        display: block;
        color: #666;
        padding: 0.7rem 0.2rem 0.7rem 0.8rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative;
        &.active {
          background: #fff;
          color: #ff8c00;
          &::after {
            content: " ";
            width: 3px;
            height: 50%;
            position: absolute;
            background: #ff8c00;
            left: 0;
            top: 25%;
          }
        }
      }
    }

    .book-list {
      flex: 1;
      height: 100%;
      overflow-x: hidden;
      overflow-y: scroll;
      .book {
        padding-left: 15px;
        width: 77vw;
        &:active{
          background: #f9f9f9;
        }
        .book-row {
          display: flex;
          padding: 10px 10px 10px 0;
          border-bottom: 1px #eee solid;
          .cover{
            width: 7rem;
            height: 5rem;
            overflow: hidden;
            background: #f9f9f9;
            box-shadow: 0 0 5px #ddd;
            img{
              float: left;
              width: 100%;
              min-height: 100%;
            }
          }
          .detail{
            flex: 1;
            overflow: hidden;
            padding-right: 10px;
            .name{
              line-height: 1.5rem;
              font-size: 1rem;
              text-align: left;
              padding-top: 5px;
              height: 3rem;
              overflow: hidden;
              text-align: justify;
            }
            .time{
              line-height: 1rem;
              padding-top: 1rem;
              font-size: 0.8rem;
              color: #999;
            }
          }
        }
      }
    }
  }
}
